<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>图猫App</title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="description" content="图猫App" /> <!-- 页面描述 -->
    <meta name="keywords" content="图猫App, 电子相册"/> <!-- 页面关键字 -->
    <meta name="author" content="图猫" /> <!-- 作者 -->
    <link rel="stylesheet" type="text/css" href="css/style.css">
    <link rel="stylesheet" type="text/css" href="css/animate.css">
    <!--[if lt IE9]> 
	<script> 
	   (function() {
	     if (! 
	     /*@cc_on!@*/
	     0) return;
	     var e = "abbr, article, aside, audio, canvas, datalist, details, dialog, eventsource, figure, footer, header, hgroup, mark, menu, meter, nav, output, progress, section, time, video".split(', ');
	     var i= e.length;
	     while (i--){
	         document.createElement(e[i])
	     } 
	})() 
	</script>
	<![endif]-->
</head>
<body>
	<div id="loader" class="loader" style="display: block;">
	  <div class="load">
	  <img src="img/load-logo.png" alt="load">
	    <div class="load-animation">
		    <span class="load-item"><img src="img/load.png" alt="load"></span>
		    <span class="load-item load-item-revers"><img src="img/load.png" alt="load"></span>
		    <span class="load-item delay-200"><img src="img/load.png" alt="load"></span>
	    </div>
	  </div>
	</div>

	<header>
		<div class="dw">
		<a class="logo" href="#"><img src="img/logo.jpg"></a>
		<ul class="menu">
			<li><a href="http://www.tomomall.com/">图猫官网</a></li>
			<li><a href="http://tomomall.com/">云社区</a></li>
			<li><a href="http://tomomall.com/contact.php">关于我们</a></li>
		</ul>
		</div>
	</header>
	<section class="content-1">
		<div class="dw">
			<dl class="lop-tit">
				<dt><h1 class="tit-b animated">精彩·话题</h1><h5 class="tit-t animated">图猫APP、时刻记录身边趣人趣事</h5></dt>
				<dd class="animated" style="margin-right: 36px;">
					<a href="http://ysttest.tomomall.com/app/android/app-release.apk" title="点击下载APP"><img class="download" src="img/md1-download.png"><img class="md" src="img/md1.png"><p>Android下载</p></a>
				</dd>
				<dd class="animated">
					<a title="产品研发中"><img src="img/md2.png"><p>IOS下载</p></a>
				</dd>
			</dl>
			<div class="lop-phone animated">
				<img src="img/df.png">
			</div>
		</div>
		<div class="c-nav">
			<div class="candy">
				<p><i class="pg1"></i>记忆盒子</p>
				<p><i class="pg2"></i>音乐影集</p>
				<p><i class="pg3"></i>红包悬赏</p>
				<p><i class="pg4"></i>更多功能</p>
			</div>		
		</div>
	</section>
	<section class="content-2">
		<div class="conlist-2"></div>
	</section>
	<section class="content-3">
		<div class="conlist-3"></div>
	</section>
	<section class="content-4">
		<div class="conlist-4"></div>
	</section>
	<section class="content-5">
		<div class="conlist-5"></div>
		<article class="dw down">
			<p><img src="img/btn-2.png"></p>
			<a type="text/javascript" href="http://ysttest.tomomall.com/app/android/app-release.apk"><img src="img/btn_3.jpg"></a>
		</article>
	</section>
	<footer>
		<article>
			<p>@图猫网2012-2015年 All Rights Reserved | 粤ICP备12052136号</p>
		</article>
	</footer>
	<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
	<script>
		window.onload=function(){
			document.getElementById('loader').style.display = 'none';
			defaultLoad();
		}
		function defaultLoad(){
			$(".tit-b").addClass('fadeInLeft');
			$(".tit-t").delay(1000).addClass('fadeInRight');
			$(".lop-tit dd").addClass('fadeInUp');
			$(".lop-phone").addClass('fadeInRight');
			$(".lop-tit dd").hover(function(){
				$(this).find(".download").css("opacity","1");
				$(this).find(".md").css("opacity","0");
			},function(){
				$(this).find(".download").css("opacity","0");
				$(this).find(".md").css("opacity","1");
			})
		}

		$(document).ready(function(){
			var p=0,t=0;
			$(window).scroll(function(e){
					p = $(this).scrollTop();
					if(t<=p){		//下滚
						scrollByTop();
					}else{			//上滚
						scrollByDown();
					}
					setTimeout(function(){t = p;},0);		
			});
		});
	</script>
</body>
</html>